<template>
	<view class="Images">
		<view :class="[list.tabType == 1 ? 'ImagesViewOne' : 'ImagesView']">
			<view
				:class="[list.tabType == 1 ? 'ImagesItemOne' : list.tabType == 2 ? 'ImagesItemTwo' : 'ImagesItemThree']"
				v-for="(item, index) in list.data"
				:key="index"
				@click="GoLink(item.link)"
			>
				<image :src="item.url"></image>
			</view>
		</view>
	</view>
</template>
<script>
export default {
	name: '',
	components: {},
	data() {
		return {
			style: 3,
			list: null
		};
	},
	props: {
		config: {
			type: Object //校验类型
			// default: ''
		}
	},
	mounted() {
		this.list = this.config;
		// console.log(this.config);
	},
	methods: {
		GoLink(url) {
			uni.navigateTo({
				url: url
			});
		}
	}
};
</script>
<style lang="less" scoped>
.Images {
	padding: 20rpx;
	background: #fff;
	border-bottom: 1px solid #f5f5f5;
	.ImagesViewOne {
		.ImagesItemOne {
			width: 100%;
			height: 600rpx;
		}
	}
	.ImagesView {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		.ImagesItemTwo {
			width: 50%;
			height: 300rpx;
		}
		.ImagesItemThree {
			width: 33.33%;
			height: 200rpx;
		}
	}
}
</style>
